$btn_bg_color:#3385FF;

@mixin pointerStyle($borderColor) {
  border: 2px solid $borderColor;
  background-color: #ffffff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.frc_slider_container {
  height: 1.5rem;
  display: flex;
  align-items: center;
  margin: auto 10px;
}

.frc_slider {
  height: 6px;
  background-color: #e9e9e9;
  border-radius: 2px;
  position: relative;
  width: 230px;

  .frc_pointer {
    @include pointerStyle($btn_bg_color)
  }
  .frc_pointer.disabled {
    @include pointerStyle(#e9e9e9)
  }

  .frc_tracker {
    background-color: $btn_bg_color;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
  }
}
